// // 页面加载后执行
// window.onload = function () {
//     //1.找到页面中的按钮
//     var totop = document.getElementById("btn");
//     // totop.style.display = "none";

//     var timer = null;
//     // 2.给按钮绑定点击事件
//     totop.onclick = function () {
//         // 周期性定时
//         timer = setInterval(function () {
//             // 3.获取滚动条距离浏览器顶端距离
//             var backtop = document.documentElement.scrollTop || document.body.scrollTop;

//             // 越滚越慢
//             var speedTop = backtop / 5;

//             document.documentElement.scrollTop = backtop - speedTop;
//             // 解除定时器
//             if (backtop == 0) {
//                 clearInterval(timer);
//             }
//         }, 30);

//         // 设置临界值
//         var pageHeight = 700;
//         // 按键是否显示功能
//         window.onscroll = function () {
//             var backtop = document.documentElement.scrollTop || document.body.scrollTop;
//             if (backtop > pageHeight) {
//                 totop.style.display = "block";
//             }
//             else {
//                 totop.style.display = "none";
//             }
//         }

//     }
// }


// 当网页向下滑动 20px 出现"返回顶部" 按钮
window.onscroll = function () {
    returnTop()
    scrollFunction()
};
function scrollFunction() {
    if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
        document.getElementById("btnTop").style.display = "block";
    } else {
        document.getElementById("btnTop").style.display = "none";
    }
}

// 点击按钮，返回顶部
function returnTop() {
    var timer = null;
    // 2.给按钮绑定点击事件
    btnTop.onclick = function () {
        // 周期性定时
        timer = setInterval(function () {
            // 3.获取滚动条距离浏览器顶端距离
            var backtop = document.documentElement.scrollTop || document.body.scrollTop;
            // 越滚越慢
            var speedTop = backtop / 5;
            document.documentElement.scrollTop = backtop - speedTop;
            // 解除定时器
            if (backtop == 0) {
                clearInterval(timer);
            }
        }, 30)
    };
    // document.body.scrollTop = 0;
    // document.documentElement.scrollTop = 0;
}



